<template>
  <div class="download">
    <div class="index-title">
      <h2>下载中心</h2>
      <p>Download Center</p>
    </div>
    <div class="download-list">
      <cell v-for="(item, index) in downloadArr" :key="index" :title="item.cate.cate_name" :link="{path:'/login-success', query:{type: 1}}"></cell>
    </div>
    <div class="more">
      <router-link :to="{path: '/login-success', query:{type: 1}}">查看更多</router-link>
    </div>
  </div>
</template>

<script>
  import {
    Cell
  } from 'vux'
  export default {
    props: {
      downloadArr: {
        type: Array,
        required: true,
        default: function() {
          return []
        }
      }
    },
    components: {
      Cell
    },
  }
</script>
<style scoped lang="less">
  .download {
    margin-bottom: 0.36rem;

    .index-title {
      text-align: center;
      margin-bottom: 0.3rem;

      h2 {
        line-height: 1.2;
      }

      p {
        font-size: 0.25rem;
        color: #616161;
      }
    }

    .more a {
      display: block;
      width: 1.63rem;
      height: 0.48rem;
      line-height: 0.48rem;
      text-align: center;
      margin: 0.36rem auto 0 auto;
      border: 1px solid #3f3f3f;
      color: #3f3f3f;
      font-size: 0.25rem;
    }
  }
</style>
